Уголки

[Destrifer]

Решил поискать вариант закругленных уголков, но без картинок или кучи вложенных тегов, т.е. на javascript. Для использования на полупрозрачных дивах с неоднородным бэком. Ну и вес желательно поменьше .

Но как-то все грустновато выходит - толкового варианта так и не нашел. Все варианты не доделанные .

Rounded corners - небольшой вес, но известная проблема - под закругленными уголками лежат квадратные , с неоднородным бэком не прокатит.

Jquery corner - две библиотеки, да и таже проблема что и выше.

Nifty Corners, Nifty Corners Cube - оба варианта не поддерживают бэк, только установка цвета, точно размер скругления задать нельзя.

ShadedBorder - небольшой вес, куча возможностей, однако бэк поддерживается неполностью - остается прозрачная полоса снизу.

Сurvy corners - вроде все круто, но повторяющиеся бэк но поддерживает - полосы снизу и сверху.

corner.js - это вроде только для изображений (на див натянуть не получилось).

Т.е. огород полюбому городить приходится? Может кто знает еще какие реализации на JS?

p.s. для себя пока нашел решение в использвании CSS3, VML и SVG. А так хотелось маленьго счастья размером в 10 Кб .

[Searcher]

Зачем мудрить на JS, а если он отключен у посетителя? просто надо размещать уголки и границы за пределами дива, тогда и прозрачность и неоднородный фон пойдет.

[s0rr0w]

Зачем мудрить на JS, а если он отключен у посетителя? просто надо размещать уголки и границы за пределами дива, тогда и прозрачность и неоднородный фон пойдет.

Хорошая страшилка, но очень маловероятная.

[Destrifer]

Searcher - ну как бы на js там много чего другого, а динозавров без js, как справедливо отметил s0rr0w, наверно уже нигде нет. Кроме того лучше 1 запрос, вместо 12.

Edited February 23, 2009 by Destrifer

[SelenIT]

Лично я предпочитаю картинки. Закругление - это ведь именно визуальное украшение по смыслу, лучше фоновой графики для этого, имхо, пока ничего не придумано (разве что border-image, но там тоже картинки. К тому же в нынешних дизайнах все равно часто нужны не голые закругления, а с тенями, градиентами и т.п. Имхо, графика для таких задач - всяко меньшее зло, чем захламление DOMа непонятно чем, неважно, статически или динамически...

[Searcher]

Searcher - ну как бы на js там много чего другого, а динозавров без js, как справедливо отметил s0rr0w, наверно уже нигде нет. Кроме того лучше 1 запрос, вместо 12.

Динозавров может и нет, но скрипты некоторые у себя выключают. Но это где-то 1-3% Потом, в html вы напишите 1 запрос, а в JS то все равно не одна строчка, думаю, будет больше 12... На JS вы не сможете добиться неоднородной прозрачности, на это только png сейчас способен. Отсюда и края будут угловатыми без использования картинок.

Вобщем, лучше всего в JS просто забить вывод html структуры формирующей эти блоки с картинками уголков.

[s0rr0w]

Динозавров может и нет, но скрипты некоторые у себя выключают. Но это где-то 1-3% Потом, в html вы напишите 1 запрос, а в JS то все равно не одна строчка, думаю, будет больше 12... На JS вы не сможете добиться неоднородной прозрачности, на это только png сейчас способен. Отсюда и края будут угловатыми без использования картинок.

Вобщем, лучше всего в JS просто забить вывод html структуры формирующей эти блоки с картинками уголков.

Если человек пошел на такой шаг, как отключение JS, то он должен понимать все последствия данного выключения.

Согласен, с последним пунктом

[Glebr]

вот: здесь я нашёл с бэкграундом блок(малость код нужно подредактировать под себя и всё отлично), но уголки не совсем гладко закругляются, но это мелочь

Edited March 31, 2009 by Glebr